import React from "react";
import { AboutMarkdownSection } from "../../../components/AboutMarkdownSection";
import { getAboutMarkdown } from "../../../lib/data";

export const revalidate = 300;

export default function AboutPage({
  params,
}: {
  params: { locale: string };
}) {
  const { locale } = params;
  const aboutMarkdown = getAboutMarkdown(locale);
  const ctaLabel = locale === "en" ? "Download Solution" : "下载了解方案";
  
  return (
    <main className="flex flex-col gap-0 bg-[#f5f7fb] text-[#0f1f39] min-h-screen">
      <AboutMarkdownSection
        content={aboutMarkdown}
        locale={locale}
        ctaHref="/docs/Henggan.pptx"
        ctaLabel={ctaLabel}
        fullHeight={true}
      />
    </main>
  );
}